<template>
  <div class="c-demo-block">
    <div class="c-demo-block_title">{{ title }}</div>
    <div class="c-demo-block_content"><slot></slot></div>
  </div>
</template>

<script>
import componentMixin from '@/uni_modules/s-ui/mixins/componentMixin';
export default {
  mixins: [componentMixin],
  props: {
    title: {
      type: String,
      default: '示例标题',
    },
  },
  data: () => ({}),
  computed: {},
  watch: {},
  // 组件周期函数--监听组件挂载完毕
  mounted() {},
  // 组件周期函数--监听组件数据更新之前
  beforeUpdate() {},
  // 组件周期函数--监听组件数据更新之后
  updated() {},
  // 组件周期函数--监听组件激活(显示)
  activated() {},
  // 组件周期函数--监听组件停用(隐藏)
  deactivated() {},
  // 组件周期函数--监听组件销毁之前
  beforeDestroy() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.c-demo-block {
  &_title {
    font-size: $font-size-md;
    color: $tips-color;
    padding: 32px 16px 16px;
  }
  &_content {
  }
}
</style>
